<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.13.2/theme-chalk/index.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.13.2/index.js"></script>



<!-- 框架的组件文档 "https://element.eleme.cn/#/zh-CN/component/breadcrumb" -->
<div id="app" style="height: 10vh;">
	<el-breadcrumb separator="/" style="line-height: 10vh">
		<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
		<el-breadcrumb-item><a href="/">活动管理</a></el-breadcrumb-item>
		<el-breadcrumb-item>活动列表</el-breadcrumb-item>
		<el-breadcrumb-item>活动详情</el-breadcrumb-item>
	</el-breadcrumb>
</div>


<div style="height: 90vh;background-color: #666">
	

</div>

<script type="text/javascript">
	//面包屑组件初始化
	new Vue().$mount('#app')
	$(".el-breadcrumb__item").click(function(){
		console.log($(this).index());
	 	//dosomething....
	});
</script>